<!DOCTYPE html>
<html lang="en">
<head>
    <script type="text/javascript" th:src="@{/js/require.js}"></script>
    <script type="text/javascript" th:src="@{/js/requireConfig.js}"></script>
    <link rel="stylesheet" th:href="@{/css/sa.css}">
    <script type="text/javascript" th:src="@{/js/app/Repertory/Save.js}"></script>
</head>
<body>
<div class="vue-box" style="display: block;">
    <div class="c-panel">
        <form class="layui-form" action="">
            <div class="c-panel">
                <div class="c-title">商品规格</div>
                <table class="layui-table" id="guige">
                    <tr>
                        <td>规格名称</td>
                        <td>价格</td>
                        <td>成本</td>
                        <td>当前库存</td>
                        <td>入库数量</td>
                    </tr>
                    <tr v-for="(item,i) in spec">
                        <td>{{specList[i].name}}</td>
                        <td>{{specList[i].price}}</td>
                        <td>{{specList[i].cost}}</td>
                        <td>{{specList[i].note}}</td>
                        <td>
                            <input type="number" name="repertory" v-model="specList[i].repertory"  required lay-verify="required"
                                   placeholder="请输入" autocomplete="off"
                                   class="layui-input">
                        </td>
                    </tr>
                </table>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>
</div>
</body>
</html>